<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
	<title>奔驰官网</title>
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/style.css">
</head>
<body>
	<nav class="navbar navbar-expand-lg navbar-light bg-light bg-dark">
		<div class="container">
			<a class="navbar-brand" href="#"><img src="img/logo.png" class="logo" /></a>
			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>

			<div class="collapse navbar-collapse" id="navbarSupportedContent">
				<ul class="navbar-nav mr-auto mt-4 ml-4">
					<li class="nav-item">
						<a class="nav-link text-white pl-4 pr-4" href="#">车型<span class="sr-only">(current)</span></a>
					</li>
					<li class="nav-item">
						<a class="nav-link text-white pl-4 pr-4" href="#">购车指南<span class="sr-only">(current)</span></a>
					</li>
					<li class="nav-item">
						<a class="nav-link text-white pl-4 pr-4" href="#">客户服务<span class="sr-only">(current)</span></a>
					</li>
					<li class="nav-item">
						<a class="nav-link text-white pl-4 pr-4" href="#">Mercedes me<span class="sr-only">(current)</span></a>
					</li>
					<li class="nav-item">
						<a class="nav-link text-white pl-4 pr-4" href="#">梅赛德斯-AMG<span class="sr-only">(current)</span></a>
					</li>
				</ul>
				<form class="form-inline my-2 my-lg-0">
					<button class="btn btn btn-secondary mr-4"type="submit">登录</button>
					<button class="btn btn btn-secondary"type="submit">注册</button>
				</form>
			</div>
		</div>
	</nav>



	<div class="bd-example">
		<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
			<ol class="carousel-indicators">
				<li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
				<li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
				<li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
				<li data-target="#carouselExampleCaptions" data-slide-to="3"></li>
				<li data-target="#carouselExampleCaptions" data-slide-to="4"></li>
				<li data-target="#carouselExampleCaptions" data-slide-to="5"></li>
			</ol>
			<div class="carousel-inner">
				<div class="carousel-item active">
					<img src="img/glesuvKVnew.jpg" class="d-block w-100 m-a" alt="..." />
					<div class="carousel-caption d-none d-md-block">
						<img src="img/pc-banner转曲.svg" class="d-block" style="margin: auto;" />
						<a href="#" class="btn btn-primary ">了解更多</a>
					</div>
				</div>
				<div class="carousel-item ">
					<img src="img/2880x1200-pc.jpg " class="d-block w-100 "  alt="... "/>
					<div class="carousel-caption d-none d-md-block ">
						<img src="img/pc banner文字.svg " class="d-block" style="margin: auto;" />
					</div>
				</div>
				<div class="carousel-item ">
					<img src="img/kv-pc.jpg " class="d-block w-100 " alt="... ">
					<div class="carousel-caption d-none d-md-block ">
						<img src="img/全新梅赛德斯-奔驰长轴距A级轿车PC.svg" class="d-block" style="margin: auto;" />
						<a href="#" class="btn btn-primary ">了解更多</a>
					</div>
				</div>
				<div class="carousel-item ">
					<img src="img/1440600cls.jpg " class="d-block w-100 " alt="... ">
					<div class="carousel-caption d-none d-md-block ">
						<img src="img/pc-banner-cls event.svg " class="d-block" style="margin: auto;" />
						<a href="#" class="btn btn-primary ">了解更多</a>
					</div>
				</div>
				<div class="carousel-item ">
					<img src="img/KV1440600.jpg" class="d-block w-100 " alt="... ">
					<div class="carousel-caption d-none d-md-block ">
						<img src="img/pc-banner-2.svg" class="d-block" style="margin: auto;">
						<a href="#" class="btn btn-danger ">了解更多</a>
					</div>
				</div>
				<div class="carousel-item ">
					<img src="img/KV-pc (1).jpg " class="d-block w-100 " alt="... ">
					<div class="carousel-caption d-none d-md-block ">
						<img src="img/22.svg" class="d-block" style="margin: auto;" />
						<a href="#" class="btn btn-primary ">了解更多</a>
					</div>
				</div>
			</div>
			<a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
				<span class="carousel-control-prev-icon" aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a>
			<a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
				<span class="carousel-control-next-icon" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>
		</div>
	</div>



	<div class="container text-center">
		<h2 class="title mt-md-5 mb-md-5 mt-3 mb-3"><span class="position-relative">全部车型</span></h2>
		<div class="box position-relative">
			<div class="pursor">
				<img  src="img/d-mb-homepage-all-vehicles-bg-img.jpg" class="card-img-top" />
			</div>
			<div class="txt d-md-none d-block">
				<a href="" class="btn btn-secondary mt-2">查看全部类型</a>
			</div>
			<div class="row d-md-block d-none">
				<a href="#" class="d-block">
					<div class="you1 col-md-3">
						<div class="icon">
							<img src="img/dawdaw_03.gif" alt="" /><br />
						轿车
						</div>
					</div>
				</a>
				<a href="#" class="d-block">
					<div class="you2 col-md-3">
						<div class="icon">
							<img src="img/dawdaw_03.gif" alt="" /><br />
							SUV
						</div>
					</div>
				</a>
				<a href="#" class="d-block">
					<div class="you3 col-md-3">
						<div class="icon">
							<img src="img/dawdaw_03.gif" alt="" /><br />
							轿跑车&敞篷跑车
						</div>
					</div>
				</a>	
				<a href="#" class="d-block">				
					<div class="you4 col-md-3">
						<div class="icon">
							<img src="img/dawdaw_03.gif" alt="" /><br />
							MPV
						</div>
					</div>
				</a>
			</div>
		</div>
	</div>




	<div class="container text-center">
		<h2 class="title mt-md-5 mb-md-5 mt-3 mb-3"><span class="position-relative">购车工具</span></h2>
		<div class="row pt-md-5">
			<div class="col-md-3 col-6 pt-3 pb-3"><a href="">
				<img class="pb-3" src="img/捕获_03.gif" alt="" />
				<p style="color: #000;">查找经销商</p>
			</a></div>
			<div class="col-md-3 col-6 pt-3 pb-3"><a href="">
				<img class="pb-3" src="img/捕获_05.gif" alt="" />
				<p style="color: #000;">车型比较</p>
			</a></div>
			<div class="col-md-3 col-6 pt-3 pb-3"><a href="">
				<img class="pb-3" src="img/捕获_03_03.gif" alt="" />
				<p style="color: #000;">预约试驾</p>
			</a></div>
			<div class="col-md-3 col-6 pt-3 pb-3"><a href="">
				<img class="pb-3" src="img/dawda_05.gif" alt="" />
				<p style="color: #000;">在线购车</p>
			</a></div>
		</div>
	</div>



	<div class="container fx">
		<h2 class="text-center mt-md-5 mb-md-5 mt-3 mb-3 title"><span class="position-relative">发现更多</span></h2>
		<div class="row mb-5">
			<div class="col-md-12">
				<div class="bg-box position-relative">
					<img src="img/main-1.jpg" class="card-img-top" alt="">
					<a href="#" class="d-block m-b-a position-absolute bg-box">
						<div class="txt">
							<h3 class="title d-block">限时购车新方案</h3>
							<span class="d-none">多种优享方案,<br>助你轻松拥有一辆奔驰轿车</span>
							<span class="pt-4 d-none">&gt;了解更多</span>
						</div>
					</a>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-7 box">
				<div class="bg-box position-relative">
					<img src="img/main-2.jpg" class="card-img-top" alt="">
					<a href="#" class="d-block m-b-a position-absolute bg-box">
						<div class="txt">
							<h3 class="title d-block">加入She's Mercedes</h3>
							<span class="d-none">发出你的声音, 唤醒女性力量。</span>
							<span class="pt-4 d-none">&gt;了解更多</span>
						</div>
					</a>
				</div>
			</div>
			<div class="col-md-5 box">
				<div class="bg-box position-relative">
					<img src="img/main-3.jpg" class="card-img-top" alt="">
					<a href="#" class="d-block m-b-a position-absolute bg-box">
						<div class="txt">
							<h3 class="title d-block">星友荟</h3>
							<span class="d-none">尽情表达自我、分享观点、结识新友的星徽社群。</span>
							<span class="pt-4 d-none">&gt;了解更多</span>
						</div>
					</a>
				</div>
			</div>
		</div>
	</div>
	<div class="container-fluid mt-5 pt-5">
		<div class="row">
			<div class="col-md-12 main-bh p-0 position-relative">
				<a href="#"><img src="img/E-Class-Coupe.jpg" class="card-img-top" alt=""></a>
				<div class="tnt position-absolute">
					<h3 class="title d-block">预约试驾</h3>
					<span class="d-block">亲身体验奔驰性能</span>
					<span class="d-block mt-4">&gt;了解更多</span>
				</div>
			</div>
		</div>
	</div>









	<footer class="pb-5 text-center text-md-left">
		<div class="container mt-5">
			<div class="row pt-5 pb-5 foot-top">
				<div class="col-md-2"></div>
				<div class="col-md-8">
					<div class="row">
						<div class="col-md-3 col-6">
							<h6>车型</h6>
							<ul class="list-unstyled">
								<li><a href="" class="text-secondary">轿车</a></li>
								<li><a href="" class="text-secondary" >SUV</a></li>
								<li><a href="" class="text-secondary">轿跑车也敞篷车</a></li>
								<li><a href="" class="text-secondary">MPV</a></li>
							</ul>
						</div>
						<div class="col-md-3 col-6">
							<h6>购车指南</h6>
							<ul class="list-unstyled">
								<li><a href="" class="text-secondary">限时购车新方案</a></li>
								<li><a href="" class="text-secondary">查找经销商</a></li>
								<li><a href="" class="text-secondary">金融计算器</a></li>
								<li><a href="" class="text-secondary">预约试驾</a></li>
								<li><a href="" class="text-secondary">下载产品手册</a></li>
								<li><a href="" class="text-secondary">车型比较</a></li>
								<li><a href="" class="text-secondary">留学回国人员购车业务</a></li>
							</ul>
						</div>
						<div class="col-md-3 col-6">
							<h6>客户服务</h6>
							<ul class="list-unstyled">
								<li><a href="" class="text-secondary">星徽保养菜单</a></li>
								<li><a href="" class="text-secondary">原厂修养套餐家族</a></li>
								<li><a href="" class="text-secondary">手机端服务体验</a></li>
								<li><a href="" class="text-secondary">选装配件及精品</a></li>
								<li><a href="" class="text-secondary">原厂配件</a></li>
								<li><a href="" class="text-secondary">事故与保险服务</a></li>
								<li><a href="" class="text-secondary">24小时道路支援</a></li>
								<li><a href="" class="text-secondary">召回通知</a></li>
								<li><a href="" class="text-secondary">金融服务</a></li>
							</ul>
						</div>
						<div class="col-md-3 col-6">
							<h6>奔驰天下</h6>
							<ul class="list-unstyled">
								<li><a href="" class="text-secondary">品牌介绍</a></li>
								<li><a href="" class="text-secondary">Mercedes me</a></li>
								<li><a href="" class="text-secondary">星友荟</a></li>
								<li><a href="" class="text-secondary">奔驰杂志</a></li>
								<li><a href="" class="text-secondary">奔驰新闻</a></li>
								<li><a href="" class="text-secondary">企业社会责任</a></li>
								<li><a href="" class="text-secondary">供应商信息平台</a></li>
								<li><a href="" class="text-secondary">环保信息查询</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="container footer-center">
			<h5 class="mt-4 mb-4">其他奔驰网站</h5>
			<div class="row pb-4">
				<div class="col-md-3">
					<a href="#" class="text-secondary">Mercedes me</a>
				</div>
				<div class="col-md-3">
					<a href="#" class="text-secondary">星睿认证二手车</a>
				</div>
				<div class="col-md-3">
					<a href="#" class="text-secondary">She's Mercedes</a>
				</div>
				<div class="col-md-3">
					<a href="#" class="text-secondary">金融服务</a>
				</div>
			</div>
			<h5 class="pt-5">关注我们</h5>
			<div class="q">
				<a href="#" class="d-inline-block mr-3"></a>
				<a href="#" class="d-inline-block mr-3"></a>
				<a href="#" class="d-inline-block mr-3"></a>
			</div>
		</div>
	</footer>
	<div class="footer-b text-center pt-5 pb-5">
		<a href="" class="text-secondary pl-3 pr-3">©梅赛德斯-奔驰版权所有</a>
		<a href="" class="text-secondary pl-3 pr-3">网站地图</a>
		<a href="" class="text-secondary pl-3 pr-3">隐私条款</a>
		<a href="" class="text-secondary pl-3 pr-3">用户协议</a>
		<a href="" class="text-secondary pl-3 pr-3">京ICP备09046804号-2</a>
		<a href="" class="text-secondary pl-3 pr-3">法律声明</a>
		<a href="" class="text-secondary pl-3 pr-3">投诉电话</a>
	</div>
</div>
</body>
<script src="js/jquery-3.3.1.slim.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</html>
